<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>{{ title }}</title>
    <link rel="stylesheet" type="text/css" href="/static/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/css/main.css">
    <script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery.cookie.js"></script>




    {% block head %}

    {% endblock head %}
</head>


<body>

{#    做个判断,用户登陆和注册页不需要这两块#}

{#{% if {{ topline|default:1 }} == 1 %}#}
{% if topline|default:1 == 1 %}

    <div class="header_con">
        <div class="header">
            <div class="welcome fl">欢迎来到天天生鲜!</div>
            <div class="fr">

                {% if request.session.uid %}
                    <div class="login_btn fl">
                        欢迎您：<em>{{ request.session.uname }}</em>
                        <span>|</span>
                        <a href="/user/logout/">退出</a>
                    </div>
                {% else %}
                    <div class="login_btn fl">
                        <a href="/user/login/">登录</a>
                        <span>|</span>
                        <a href="/user/register/">注册</a>
                    </div>
                {% endif %}





                <div class="user_link fl">
                    <span>|</span>
                    <a href="/user/user_center/">用户中心</a>
                    <span>|</span>
                    <a href="/cart/">我的购物车</a>
                    <span>|</span>
                    <a href="/user/order/">我的订单</a>
                </div>
            </div>
        </div>
    </div>

    {% if topcar|default:1 == 1 %}

        <div class="search_bar clearfix">
            <a href="/" class="logo fl"><img src="/static/images/logo.png"></a>
            <div class="sub_page_name fl">|&nbsp;&nbsp;&nbsp;&nbsp;用户中心</div>
            <div class="search_con fr">
                <form action="/search/" method="get">
                    <input type="text" class="input_text fl" name="q" placeholder="搜索商品">
                    <input type="submit" class="input_btn fr" value="搜索">
                </form>
            </div>
        </div>
    {% else %}
        {#    首页显示的购物车搜索条#}
        <div class="search_bar clearfix">
            <a href="/" class="logo fl"><img src="/static/images/logo.png"></a>
            <div class="search_con fl">
                <form action="/search/" method="get">
                    <input type="text" class="input_text fl" name="q" placeholder="搜索商品">
                    <input type="submit" class="input_btn fr" value="搜索">
                </form>
            </div>
            <div class="guest_cart fr">
                <a href="/cart/" class="cart_name fl">我的购物车</a>
                <div class="goods_count fl" id="show_count"></div>
            </div>
        </div>

        {#            这里用一段js来解决显示购物车问题#}
        {#        思路是:去判断前面  退出  是否存在,如果存在,说明是登陆的,然后就显示数量,如果不存在,则不显示#}

         <script>
            if($('.login_btn').text().indexOf("退出")>=0){
                console.log('login')
                //存在,去请求数据
                $.get('/cart/cartnum/',function (data) {
                    $('#show_count').text(data.count);
                })
            }else{
                $('#show_count').text(0);
            }

        </script>



    {% endif %}
{% endif %}


{% block body %}

{% endblock body %}



<div class="footer no-mp">
    <div class="foot_link">
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">招聘人才</a>
        <span>|</span>
        <a href="#">友情链接</a>
    </div>
    <p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p>
    <p>电话：010-****888 京ICP备*******8号</p>
</div>

</body>
</html>
